<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>提现</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<meta content="yes" name="apple-mobile-web-app-capable" />  
		<meta content="black" name="apple-mobile-web-app-status-bar-style" />  
		<meta content="telephone=no" name="format-detection" />   
		<link rel="stylesheet" type="text/css" href="css/Withdrawals.css"/>
		<link rel="stylesheet" type="text/css" href="css/global.css"/>
		<script src="js/rem.js"></script>
	</head>
	<body>
		<div class="tixian">
	    	<header class="clearfix toubu">
				<a href="index.html" class="fl"><i class="iconfont icon-tubiao- huqu"></i></a>
				<p>提现</p>
			</header>
			<div class="shouming_nr">
				<div class="sm_nr_text">
					<dl>
						<dd>
							<p>可提现金额</p>
							<span>¥257.50</span>
						</dd>
						<dd>
							<p>未结算收入</p>
							<span>单笔最高2万</span>
						</dd>
					</dl>
				</div>
				<div class="sm_nr_text_two">
					<dl>
						<dd>
							<p>提现账户</p>
							<span class="bankxuanze">选择提现账户<i class="iconfont icon-tubiao-"></i></span>
						</dd>
					</dl>
				</div>
				<div class="sm_nr_a">
					<a href="javascript:void(0)" class="open">立即提现</a>
				</div>
				<div class="sm_nr_sm">
				    <p>.金低于1元时不可提现，请努力赚钱呦</p>
				    <p>提现到账时间规则，<a href="javascript:void(0)" class="guizes">点击查看</a></p>
				</div>
			</div>
		 
			<!----------到账规则--------->
		    <div class="guize">
		    	<header class="clearfix toubu">
					<a href="javascript:void(0)" class="fl"><i class="iconfont icon-tubiao- guizehuiqu"></i></a>
					<p>到账规则</p>
				</header>
				<div class="guizenr">
					<section>
						<p>1.单笔提现金额低于1000元；<br/>
    						当天18点前申请提现，将在次日完成审核并打款
   							18点后申请提现，将在第3天完成审核并打款；</p>
						<p>2.单笔提现金额高于1000元；<br/>
    						将在提现申请提交后，第4天完成审核并打款</p>
					</section>
				</div>
		    </div>
			<!----------提现银行--------->
		    <div class="bank">
		    	<header class="clearfix toubu">
					<a href="javascript:void(0)" class="fl"><i class="iconfont icon-tubiao- bankhuiqu"></i></a>
					<p>到账规则</p>
				</header>
				<div class="bank_tx">
					<div class="bank_text">
						<dl>
							<dd>
								<p>银行卡</p>
								<span class="bankcardbangding">未设置<i class="iconfont icon-tubiao-"></i></span>
							</dd>
						</dl>
					</div>
					<div class="bank_text">
						<dl>
							<dd id="expressArea">
								<p>微信钱包</p>
								<span>MARUKO<i class="iconfont icon-tubiao-"></i></span>
							</dd>
						</dl>
					</div>
				</div>
		        <!--微信钱包弹出的-->
		        <section id="areaLayer" class="express-area-box">
		            <article id="areaBox">
		                <ul id="areaList" class="area-list">
		                	<li>微信钱包（MARUKO）</li>
		                	<li>提现到该账户</li>
		                	<li>修改账户</li>
		                </ul>
		                <footer>
			                <a id="backUp" class="back" href="javascript:void(0)" title="取消">取消</a>
			            </footer>
		            </article>
		        </section>
		        <!--遮罩层-->
        		<div id="areaMask" class="mask"></div>
		    
		    
		    </div>
		    <!----------设置银行卡-------->
		    <div class="bankcard" id="hiddenDiv" >
		    	<header class="clearfix toubu">
					<a href="javascript:void(0)" class="fl" onclick="blockDiv()"><i class="iconfont icon-tubiao- "></i></a>
					<p>设置银行卡账户</p>
				</header>
		    	<div class="shezhitext">
		    		<form>
		    			<div>
		    				<span>银行</span>
		    				<input type="text" placeholder="选择银行"/>
		    			</div>
		    			<div>
		    				<span>银行卡卡号</span>
		    				<input placeholder="输入银行卡卡号" type="tel" class="banknum"/>
		    			</div>
		    			<div>
		    				<span>姓名</span>
		    				<input type="text" placeholder="填入姓名"/>
		    			</div>
		    		</form>
		    		<form>
		    			<div>
		    				<span>手机号码</span>
		    				<input type="tel" placeholder="请输入手机号码" class="chulai"/>
		    				<a href="javascript:void(0)">获取验证码</a>
		    			</div>
		    			<div>
		    				<span>验证码</span>
		    				<input placeholder="请输入短信中的验证码" type="tel" class="banknum"/>
		    			</div>
		    		</form>
		    		<div class="sm_nr_a">
						<a href="javascript:void(0)">完成</a>
					</div>
		    	</div>
		    </div>
		</div>
		<script src="js/jquery-2.1.0.js"></script>
		<script src="js/jquery-2.2.1.min.js"></script>
		<script src="js/windowOpen.js"></script>
		<script src="js/jquery.area.js"></script>
		<script src="js/withdrawals.js"></script>
		<script type="text/javascript">
			var setTitle = '';
			var setContents = '';
			var setButton = '';
			$('.open').on('click',function(){
				setTitle = '请确认';
				setContents = '提现金额:￥257.50';
				setContents = '提现账户:微信钱包（MARUKO）';
				setButton = '["取消","确认"]';
				$(this).openWindow(setTitle,setContents,setButton);
			});
		</script>
		<script type="text/javascript">
             function blockDiv(){
               var div = document.getElementById("hiddenDiv").style.display;               
               	if(div=='none'){
                  	document.getElementById("hiddenDiv").style.display='block';
                 }else{
                    document.getElementById("hiddenDiv").style.display='none';
                }
              }   
		</script>
		<script type="text/javascript">
			$(function(){
				$(".guizes").click(function(){
//					console.log($(this));
					$(".guize").addClass("guizeshow")
				})
				$(".guizehuiqu").click(function(){
			//		console.log($(this));
					$(".guize").removeClass("guizeshow")
				})
				
				$(".bankxuanze").click(function(){
//					console.log($(this));
					$(".bank").addClass("bankshow")
				})
				$(".bankhuiqu").click(function(){
			//		console.log($(this));
					$(".bank").removeClass("bankshow")
				})
				
				$(".bankcardbangding").click(function(){
//					console.log($(this));
					$(".bankcard").addClass("bankcardshow")
				})
			})	
			
		</script>
	</body>
</html>
